<form action="" class="form-horizontal" role="form">
  <div class="form-group">
    <label class="col-sm-2 control-label">客户姓名</label>
    <div class="col-sm-2">
      <input type="text" class="form-control" name="name" placeholder="客户单位名称" datatype="*2-20" />
    </div>
  </div>
  
  <div class="form-group">
    <label class="col-sm-2 control-label">所属合作商</label>
    <div class="col-sm-2">
      <select class="form-control" name="partner" placeholder="">{$partnerOptions}</select>
    </div>
  </div>
  <div class="form-group">
    <label class="col-sm-2 control-label">客户邮箱</label>
    <div class="col-sm-3">
      <input type="email" class="form-control" name="email" placeholder="作为客户登陆后台账户" datatype="e" />
    </div>
  </div>
  <div class="form-group">
    <label class="col-sm-2 control-label">客户联系人</label>
    <div class="col-sm-2">
      <input type="text" class="form-control" name="contacts" placeholder="客户联系人" datatype="*" />
    </div>
  </div>
  <div class="form-group">
    <label class="col-sm-2 control-label">联系人电话</label>
    <div class="col-sm-2">
      <input type="text" class="form-control" name="tel" placeholder="输入手机或者电话号码" datatype="phone" />
    </div>
  </div>
  <div class="form-group">
    <label class="col-sm-2 control-label">登录密码</label>
    <div class="col-sm-3">
      <input type="password" class="form-control" name="password" placeholder="密码大于6位小于16位" datatype="*6-16" />
    </div>
  </div>
  <div class="form-group">
    <label class="col-sm-2 control-label">重复登录密码</label>
    <div class="col-sm-3">
      <input type="password" class="form-control" placeholder="重复刚才输入的密码" datatype="*" recheck="password" />
    </div>
  </div>
  
  <div class="form-group">
    <label class="col-sm-2 control-label">客户地区</label>
    <div class="row">
      <div class="col-sm-2">
        <select class="form-control" id="province" name="province" datatype="*">{$provinceOptions}</select>
      </div>
      <div class="col-sm-2">
        <select class="form-control" id="city" name="city" datatype="*">{$cityOptions}</select>
      </div>
      <div class="col-sm-2">
        <select class="form-control" id="area" name="area" datatype="*">{$areaOptions}</select>
      </div>    
    </div>
  </div>
  
  <div class="form-group">
    <label class="col-sm-2 control-label">客户具体地址</label>
    <div class="col-sm-4">
      <input type="text" class="form-control" name="address" placeholder="客户的具体地址" datatype="*">
    </div>
  </div>
  <div class="form-group">
    <label class="col-sm-2 control-label">客户服务开始时间</label>
    <div class="col-sm-2">
      <input type="text" id="start-time" class="form-control" name="begin_time" placeholder="选择客户服务开始的时间" datatype="*">
    </div>
  </div>
  <div class="form-group">
    <label class="col-sm-2 control-label">客户服务结束时间</label>
    <div class="col-sm-2">
      <input type="text" id="end-time" class="form-control" name="end_time" placeholder="选择客户服务结束的时间" datatype="*">
    </div>
  </div>
  <div class="form-group">
    <div class="col-sm-offset-2 col-sm-8">
      <button type="submit" class="btn btn-primary submit" data-loading-txt="提交中，请稍后……" data-ajax-url="__CONTROLLER__/addPost">保存更改</button>
    </div>
  </div>
</form>

<!-- datetimepicker -->
<link rel="stylesheet" href="__PUBLIC__/Style/Common/datetimepicker/bootstrap-datetimepicker.min.css">
<script src="__PUBLIC__/Style/Common/datetimepicker/bootstrap-datetimepicker.min.js"></script>
<script src="__PUBLIC__/Style/Common/datetimepicker/bootstrap-datetimepicker.zh-CN.js"></script>
<script type="text/javascript">
  $(function(){
    $("#province").change(function(){
      var pro = $(this).val()
      $.post("__CONTROLLER__/getCityPost", {code: pro} ,function(data){
        $("#city").html(data);
      });
    });
    
    $("#city").change(function(){
      var cit = $(this).val()
      $.post("__CONTROLLER__/getAreaPost", {code: cit} ,function(data){
        $("#area").html(data);
      });
    });
    
    $("#start-time").datetimepicker({"language": "zh-CN"});
    $("#end-time").datetimepicker({"language": "zh-CN"});
  });
</script>